<template>
  <div ref="safetyMeetingsSee" class="_wz_safetyMeetingsSee">
    <div class="ivu-table-wrapper">
      <div class="ivu-table ivu-table-default ivu-table-stripe">
        <div class="ivu-table-body">
          <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
            <colgroup>
              <col width="180">
              <col>
              <col width="180">
              <col>
            </colgroup>
            <tbody class="ivu-table-tbody">
            <tr class="ivu-table-row">
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell"><span>会议时间:</span></div>
              </td>
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell">
                  <span>{{!!formDetailsData.meetingDate?formDetailsData.meetingDate:'--'}}</span>
                </div>
              </td>
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell"><span>会议类别:</span></div>
              </td>
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell">
                  <span>{{formDetailsData.meetingType == 1?'安全生产领导小组例会':'安全生产工作会议'}}</span>
                </div>
              </td>
            </tr>
            <tr class="ivu-table-row">
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell"><span>主持人:</span></div>
              </td>
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell">
                  <span>{{!!formDetailsData.meetingEmcee?formDetailsData.meetingEmcee:'--'}}</span>
                </div>
              </td>
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell"><span>记录人:</span></div>
              </td>
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell">
                  <span>{{!!formDetailsData.meetingRecorder?formDetailsData.meetingRecorder:'--'}}</span>
                </div>
              </td>
            </tr>
            <tr class="ivu-table-row">
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell"><span>会议地点:</span></div>
              </td>
              <td class="ivu-table-column-QXFfB6" colspan="3">
                <div class="ivu-table-cell">
                  <span>{{!!formDetailsData.meetingSite?formDetailsData.meetingSite:'--'}}</span>
                </div>
              </td>
            </tr>
            <tr class="ivu-table-row">
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell"><span>会议图片:</span></div>
              </td>
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell">
                  <div class="demo-upload-list">
                    <viewer style="width: 100%;height: 100%;">
                      <img :src="!!formDetailsData.meetingImg?apiUrl.imgUrl+formDetailsData.meetingImg:'../../static/img/zwtpxd.png'" @error="public.imgDispose">
                    </viewer>
                  </div>
                </div>
              </td>
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell"><span>会议图片:</span></div>
              </td>
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell">
                  <div class="demo-upload-list">
                    <viewer style="width: 100%;height: 100%;">
                      <img :src="!!formDetailsData.meetingImgSecond?apiUrl.imgUrl+formDetailsData.meetingImgSecond:'../../static/img/zwtpxd.png'" @error="public.imgDispose">
                    </viewer>
                  </div>
                </div>
              </td>
            </tr>
            <tr class="ivu-table-row">
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell"><span>参加人员:</span></div>
              </td>
              <td class="ivu-table-column-QXFfB6" colspan="3">
                <div class="ivu-table-cell">
                  <span>{{!!formDetailsData.meetingJoinPersonnel?formDetailsData.meetingJoinPersonnel:'--'}}</span>
                </div>
              </td>
            </tr>
            <tr class="ivu-table-row">
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell"><span>会议纪要:</span></div>
              </td>
              <td class="ivu-table-column-QXFfB6" colspan="3">
                <div class="ivu-table-cell">
                  <span>{{!!formDetailsData.meetingContent?formDetailsData.meetingContent:'--'}}</span>
                </div>
              </td>
            </tr>
            <tr class="ivu-table-row">
              <td class="ivu-table-column-QXFfB6">
                <div class="ivu-table-cell"><span>备注:</span></div>
              </td>
              <td class="ivu-table-column-QXFfB6" colspan="3">
                <div class="ivu-table-cell">
                  <span>{{!!formDetailsData.remark?formDetailsData.remark:'--'}}</span>
                </div>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

  </div>
</template>
<script>

  export default {
    props: ['formDetailsData'],//接收来自父组件的数据
    data() {
      return {}
    },
    beforeCreate() {//beforeCreate创建前状态

    },
    created() {//created创建完毕状态
    },
    beforeMount() {//beforeMount挂载前状态   DOM 元素然后塞入页面的过程

    },
    mounted() {//mounted 挂载结束状态

    },
    methods: {//执行的方法
    },
    watch: {//监听

    },
    beforeUpdate() {//beforeUpdate 更新前状态

    },
    updated() {//updated 更新完成状态

    },
    beforeDestroy() {//beforeDestroy 销毁前状态

    },
    destroyed() {//destroyed 销毁完成状态

    }
  }
</script>
<style lang="less">
  ._wz_safetyMeetingsSee {
    .demo-upload-list {
      margin: 5px 0;
      display: inline-block;
      width: 200px;
      height: 140px;
      text-align: center;
      line-height: 140px;
      border-radius: 4px;
      overflow: hidden;
      background: #fff;
      position: relative;
      border: 1px solid rgba(0, 0, 0, .2);
      margin-right: 4px;
    }

    .demo-upload-list img {
      width: 100%;
      height: 100%;
    }

    .demo-upload-list-cover {
      display: none;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, .6);
    }

    .demo-upload-list:hover .demo-upload-list-cover {
      display: block;
    }

    .demo-upload-list-cover i {
      color: #fff;
      font-size: 40px;
      cursor: pointer;
      margin: 0 2px;
    }
  }
</style>
